.windows-and-linux-gated-hoc-container {
  display: flex;
  padding: var(--space-15, 80px) 0px;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;

  .windows-and-linux-gated-hoc {
    display: flex;
    width: 100%;
    max-width: 480px;
    align-items: flex-start;
    gap: var(--space-8, 24px);

    .platfrom-gated-image {
      --size: 80px;
      width: var(--size);
      height: var(--size);
      flex-shrink: 0;
    }

    .content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--space-5, 12px);
      align-self: stretch;

      .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        align-self: stretch;

        overflow: hidden;
        color: var(--requestly-color-text-default, #fff);
        text-overflow: ellipsis;

        font-size: var(--requestly-font-size-md, 14px);
        font-weight: var(--requestly-font-weight-medium);
        line-height: 20px; /* 142.857% */
      }

      .description {
        color: var(--requestly-color-text-subtle, #bbb);
        font-size: var(--requestly-font-size-sm, 12px);
        line-height: 18px; /* 150% */

        .highlight {
          color: var(--requestly-color-text-default, #fff);
        }
      }

      .action-btns {
        margin-top: 12px;
        display: flex;
        align-items: center;
        gap: var(--space-6, 16px);

        .rq-custom-btn.ant-btn {
          border-radius: 31px;

          .anticon {
            --size: 16px;
            width: var(--size);
            height: var(--size);
          }
        }
      }
    }
  }
}
